<template>
    <div id="app">
      <h1>{{title}}</h1>
      <router-link to="/user/details">Details</router-link> |
      <router-link to="/home">Home</router-link> |
      <router-link to="/about">About</router-link>


      <div id="pdf_wrapper">
        <iframe :src="pdfPath" frameborder="0" id="pdf_iframe"></iframe>
      </div>
    </div>
</template>

<script>
export default {
  name: 'Region',
  data() {
    return {
      title: 'region',
      pdfPath: ''
    };
  },
  mounted() {
    let baseUrl = "./test.pdf";
    this.pdfPath = '/plugin/pdfJS/web/viewer.html?file=' + encodeURIComponent(baseUrl);
  },
  methods: {

  }
};
</script>

<style lang="stylus" scoped>
#app
  #pdf_wrapper
    width 100%
    height 400px
    background-color: lightsalmon
    #pdf_iframe
      width 100%
      height 100%
</style>
